<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>金车二手车</title>
		<meta content="金车二手车" name="keywords" />
		<meta content="金车二手车" name="description" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/scroll.css">
		<script type="text/javascript" src="script/jquery.js"></script>
		<script type="text/javascript" src="script/bootstrap.min.js"></script>
		<script type="text/javascript" src="script/layer.js"></script>

		<link rel="stylesheet" href="css/news.css" />
		<link rel="stylesheet" href="css/style3.css" />
		<link rel="stylesheet" href="css/style4.css" />
		<link rel="stylesheet" type="text/css" href="css/style1.css">
		<script type="text/javascript" src="script/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="script/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/scroll.js"></script>
		<!--<link rel="stylesheet" href="css/mui.min.css">-->
		<link rel="stylesheet" type="text/css" href="css/feedback-page.css" />

		<script src="js/mui.min.js"></script>
		<script src="js/mui.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script src="js/mui.picker.js"></script>
		<script src='js/feedback.js'></script>
		<script src="js/app.js"></script>

		<link rel="stylesheet" href="css/demo.css" />

		<style>
			.line-limit-length {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.mui-bar {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 44px;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 0;
				background-color: #f7f7f7;
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}
			
			.mui-bar-nav {
				top: 0;
				-webkit-box-shadow: 0 1px 6px #ccc;
				box-shadow: 0 1px 6px #ccc
			}
			
			.mui-bar1 {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 44px;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 0;
				background-color: #f7f7f7;
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}
			
			.mui-bar-nav1 {
				top: 44px;
				-webkit-box-shadow: 0 1px 6px #ccc;
				box-shadow: 0 1px 6px #ccc
			}
		</style>
		<script>
			mui.back = function() {
			    var btn = ["确定", "取消"];
			    mui.confirm('确认关闭当前应用？', '提示', btn, function(e) {
			        if(e.index == 0) {
			            plus.runtime.quit();
			        }
			    });
			}
	
		</script>

		<script type="text/javascript" charset="utf-8">
			(function($, doc) {
				getContent();
				$.init({ 
					pullRefresh: {
						container: '.mui-content',
						up: {
							contentrefresh: '正在加载...',
							contentnomore: '没有更多数据了',
							callback: pullupRefresh
						}
					}
				});

				function pullupRefresh() {
					setTimeout(function() {
						count++;
						$('.mui-content').pullRefresh().endPullupToRefresh(count > num); //参数为true代表没有更多数据了。
						var url = servicePath + "sechandcar/app/sys/selectalltruck";
						mui.ajax(url, {
							//data:'data='+JSON.stringify(data),  //把json转换为字符串
							dataType: 'json', //返回数据格式
							type: 'get', //请求方式
							contentType: "application/x-www-form-urlencoded; charset=utf-8", //处理中文乱码
							timeout: 5000, //超时时间设置，单位毫秒;访问失败就执行
							error: function(xhr, type, errorThrown) {
								mui.toast("网络连接超时啦~");
							},
							success: function(data) {
								var lli = "";
								add(data);
							}
						});
					}, 500);
				}
			}(mui, document));

			function add(data) {
				var len = 0;
				for(var i = start; i < data.length; i++) {
					if(len < 10) {
						start++;
						len++;
						var s = '<div class="listcar">';
						var dz = "truckdetail.html?id=" + data[i].id;
						s += '<a href="' + dz + '"><div class="listcar">' +
							'<div class="carimg"><img src="' + servicePath + '' + data[i].photo1 + '" data-original="img/carimg.jpg" class="img-responsive lazy" /> </div>' +
							'<div class="carinfo">' +
							'<h4>' + data[i].brandmodel + '</h4>' +
							'<p class="caritem">' + data[i].registrationdate + ' 上牌/ ' + data[i].mileage + '万公里</p>' +
							'<span class="carprice">￥' + data[i].wholesaleprice + '万元</span>' +
							'</div>' +
							'</div></a>';
						$('#listcar').append(s);
					}
				}
			}

			function getContent() {
				$.ajax({
					type: "post",
					url: servicePath + "sechandcar/app/scrolltext/findcontent",
					data: {},
					success: function(data) {
						var s = '<ul><li><p>' + data.content + '</p><li><ul>';
						var k = '<li>' + data.content + '</li>';
						$('#scroll').append(s);
						$('.roll__list').append(k);
					}
				});
			}
		</script>
	</head>

	<body>
		<!--<div class="black_overlay"></div>-->
		<!--内容-->
		<header class="mui-bar mui-bar-nav mo-header" style="background-color: #00002E">
			<div class="mo-header-left">
				<a href="#">
					<font color="#F8F8F8">首页 </font>
				</a>
				<font color="#F8F8F8"><i class="mui-icon iconfont icon-youdayu"></i></font>
				<a href="#">
					<font color="#F8F8F8">买车 </font>
				</a>
			</div>
			<!--<div class="mo-header-right"> <a href="#"> 搜索 </a> </div>-->
		</header>

		<div class="mui-bar1 mui-bar-nav1 orderby-box clearfix ">
			<div class="order-item order-item-border line-limit-length">
				<a id="brandmodel" href="#" onclick="selectbrands(event)">品牌 <i class="mui-icon iconfont icon-xiadayu"></i></a>
			</div>
			<div class="order-item order-item-border line-limit-length">
				<a id="wholesaleprice" href="#" onclick="selectprice(event)">价格 <i class="mui-icon iconfont icon-xiadayu"></i></a>
			</div>
			<div class="order-item order-item-border" id="orderby">
				<a id="truckage" href="#" onclick="selecttruckages(event)">车龄 <i class="mui-icon iconfont icon-xiadayu"></i></a>
			</div>
			<div class="order-item">
				<a id="mile" href="#" onclick="selectmiles(event)">里程<i class="mui-icon iconfont icon-xiadayu"></i></a>
			</div>
		</div>

		<div class="box">
			<div class="bcon">

				<!-- 代码开始 -->
				<!--<div class="list_lh" id="scroll">
-->
				<!--<ul>
				<li>
					<p><a href="http://www.16sucai.com/" target="_blank">1000000</a><a href="http://www.16sucai.com/" target="_blank" class="btn_lh">领号</a><em>获得</em></p>
					<p><a href="http://www.16sucai.com/" target="_blank" class="a_blue">网游战江湖公测豪华礼包</a><span>17:28:05</span></p>
				</li>
				<li>
					<p><a href="http://www.16sucai.com/" target="_blank">2000000</a><a href="http://www.16sucai.com/" target="_blank" class="btn_lh">领号</a><em>获得</em></p>
					<p><a href="http://www.16sucai.com/" target="_blank" class="a_blue">网游战江湖公测豪华礼包</a><span>17:28:05</span></p>
				</li>
			</ul>-->
				<!--</div>-->
				<div class="roll-wrap roll_row" id="e">
					<ul class="roll__list" style="position: absolute; left: 0; top: 0;">
					</ul>
				</div>
				<!-- 代码结束 -->
			</div>

		</div>

		<!--<div class="carnum">为您找到 <span class="orange">106</span> 条车源</div>-->

		<div class="mui-content" id="form_info" style="padding-top: 60px;">
			<div id="listcar" style="padding-bottom: 20px;">

			</div>
			<!--<a href="javascript:;" class="nextpage">查看更多车源</a>-->
			<!--<a href="javascript:;" id="returntop"></a>-->
		</div>

		<div id="brand-box" style="display: none;" onclick="selectbr(event)" class="brand-box">
			<input type="hidden" name="brand" value="">
			<!--内容-->
			<header class="mo-header">
				<div class="mo-header-left">
					<a href="javascript:window.history.go(-1);" class="reback"> <i class="iconfont">&#xe647;</i> </a>
				</div>
				<div class="mo-header-title">选择品牌</div>
			</header>
			<div class="brandtitle"> * </div>
			<div id="A">
				<ul class="brandlist">
					<li>
						<a href="#">不限品牌</a>
					</li>
				</ul>
			</div>
		</div>
		<!--选择价格==================================================================-->
		<div id="orderby-value" onclick="selectp(event)" style="display: none;">
			<input type="hidden" name="price" value="">
			<ul>
				<li>
					<a href="#" onclick="selectpri('','','不限')">不限</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('0','5','5万以下')">5万以下</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('5','10','5万-10万')">5万-10万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('10','15','10万-15万')">10万-15万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('15','20','15万-20万')">15万-20万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('20','30','20万-30万')">20万-30万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('30','50','30万-50万')">30万-50万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('50','100','50万-100万')">50万-100万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('100','150','100万-150万')">100万-150万</a>
				</li>
				<li>
					<a href="#" onclick="selectpri('200','100000','200万以上')">200万以上</a>
				</li>
			</ul>
		</div>
		<div id="orderby-truckage" onclick="selecta(event)" style="display: none;">
			<input type="hidden" name="truckage" value="">
			<ul>
				<li>
					<a href="#" onclick="selecttruckage('','','不限')">不限</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('0','1','1年以内')">1年以下</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('1','3','1-3年')">1-3年</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('3','5','3-5年')">3-5年</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('5','8','5-8年')">5-8年</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('8','10','8-10年')">8-10年</a>
				</li>
				<li>
					<a href="#" onclick="selecttruckage('10','500','10年以上')">10年以上</a>
				</li>
			</ul>
		</div>
		<div id="orderby-mile" onclick="selectm(event)" style="display: none;">
			<input type="hidden" name="mile" value="">
			<ul>
				<li>
					<a href="#" onclick="selectmile('', '', '不限')">不限</a>
				</li>
				<li>
					<a href="#" onclick="selectmile('0', '1', '1万公里以下')">1万公里以下</a>
				</li>
				<li>
					<a href="#" onclick="selectmile('1', '3', '1-3万公里')">1-3万公里</a>
				</li>
				<li>
					<a href="#" onclick="selectmile('3', '5', '3-5万公里')">3-5万公里</a>
				</li>
				<li>
					<a href="#" onclick="selectmile('5', '10', '5-10万公里')">5-10万公里</a>
				</li>
				<li>
					<a href="#" onclick="selectmile('10', '10000000', '不限')">10万公里以上</a>
				</li>
			</ul>
		</div>
		<script type="text/javascript" src="script/jquery.lazyload.js"></script>
		<script src="js/mui.min.js"></script>
		<!--<script src="js/mui.js"></script>-->
		<script src="js/mui.picker.min.js"></script>
		<script src="js/mui.picker.js"></script>
		<script src='js/feedback.js'></script>
		<script src="js/app.js"></script>
		<script>
			$(document).click(function() {
				if($("#brand-box").css("display") == "block") {
					$('#brand-box').hide();
					tof1 = !tof1;
				}
				if($("#orderby-value").css("display") == "block") {
					$('#orderby-value').hide();
					tof2 = !tof2;
				}
				if($("#orderby-truckage").css("display") == "block") {
					$('#orderby-truckage').hide();
					tof3 = !tof3;
				}
				if($("#orderby-mile").css("display") == "block") {
					$('#orderby-mile').hide();
					tof4 = !tof4;
				}
			});

			function selectbr(event) {
				event.stopPropagation();
			}

			function selectp(event) {
				event.stopPropagation();
			}

			function selecta(event) {
				event.stopPropagation();
			}

			function selectm(event) {
				event.stopPropagation();
			}
		</script>
		<script type="text/javascript" charset="utf-8">
			var count = 0;
			var num = 0;
			var listlength = 0;
			var start = 0;
			$(function() {
				$("img.lazy").lazyload({
					effect: "fadeIn"
				});
				/*$('#returntop').click(function() {
					$('html,body').animate({
						scrollTop: '0px'
					}, 1000);
					return false;
				});*/

				//加载列表   上拉加载

				var url = servicePath + "sechandcar/app/sys/selectalltruck";
				mui.ajax(url, {
					//			        data:{productId:iid},  //把json转换为字符串
					dataType: 'json', //返回数据格式
					type: 'get', //请求方式
					async: false,
					contentType: "application/json", //处理中文乱码
					success: back0
				});
				$.ajax({
					url: servicePath+"sechandcar/app/sys/selectTruckBrand",
					async: false,
					type: "post",
					dataType: "json",
					//data: {"id":$("input[name='id']").val()},
					data: {},
					success: function(data) {
						for(var i = 0; i < data.length; i++){
							//var s = '<a href="#" onclick="selectbrand('+data[i].brandname+')">'+data[i].brandname+'</a>'
						   
						    var s = '<li class="onebrand" onclick="selectbrand(\''+data[i].brandname +'\')">'+data[i].brandname+'</li>';
						   //alert(i);
						    $('.brandlist').append(s);
						}
					},
					error: function(data) {
						window.alert("删除失败");
						//window.alert(data);
					}
				}); 
			});

			function back0(data) {
				listlength = data.length;
				if(listlength > 10) {
					num = Math.ceil((listlength - 10) / 10);
				}
				if(data.length <= 10) {
					for(var i = 0; i < data.length; i++) {
						var s = '<div class="listcar">';
						var dz = "truckdetail.html?id=" + data[i].id;
						s += '<a href="' + dz + '"><div class="listcar">' +
							'<div class="carimg"><img src="' + servicePath + '' + data[i].photo1 + '" data-original="img/carimg.jpg" class="img-responsive lazy" /> </div>' +
							'<div class="carinfo">' +
							'<h4>' + data[i].brandmodel + '</h4>' +
							'<p class="caritem">' + data[i].registrationdate + ' 上牌/ ' + data[i].mileage + '万公里</p>' +
							'<span class="carprice">￥' + data[i].wholesaleprice + '万元</span>' +
							'</div>' +
							'</div></a>';
						$('#listcar').append(s);
						start++;
					}
				} else if(data.length > 10) {
					for(var i = 0; i < 10; i++) {
						var s = '<div class="listcar">';
						var dz = "truckdetail.html?id=" + data[i].id;
						s += '<a href="' + dz + '"><div class="listcar">' +
							'<div class="carimg"><img src="' + servicePath + '' + data[i].photo1 + '" data-original="img/carimg.jpg" class="img-responsive lazy" /> </div>' +
							'<div class="carinfo">' +
							'<h4>' + data[i].brandmodel + '</h4>' +
							'<p class="caritem">' + data[i].registrationdate + ' 上牌/ ' + data[i].mileage + '万公里</p>' +
							'<span class="carprice">￥' + data[i].wholesaleprice + '万元</span>' +
							'</div>' +
							'</div></a>';
						$('#listcar').append(s);
					}
					start = 10;
				}

			}

			function showdetail(id) {
				mui.openWindow({
					id: 'truckdetail',
					url: 'truckdetail.html',
					createNew: true,
					waiting: {
						autoShow: true,
						title: '正在加载...',
					},
					extras: {
						ids: id
					}
				});
			}
		</script>
		<script>
			var brandmodel = '';
			var minage = '';
			var maxage = '';
			var minprice = '';
			var maxprice = '';
			var minmile = '';
			var maxmile = '';
			var tof1 = true;
			var tof2 = true;
			var tof3 = true;
			var tof4 = true;
			//===========================================================================
			function selectbrands(event) {
				if(tof1) {
					$("#orderby-value").hide();
					$("#orderby-truckage").hide();
					$('#orderby-mile').hide();
					$("#e").hide();
					$("#form_info").show();
					$("#brand-box").show();
					event.stopPropagation();
				} else {
					$("#brand-box").hide();
					$("#e").show();
				}
				tof1 = !tof1;
			}

			function selectbrand(value, imgurl) {
				$("#brand-box").hide();
				document.getElementById('form_info').style.display = 'block';
				$('#brandmodel').empty();
				$('#brandmodel').append(value);
				$("input[name=brand]").val(value);
				brandmodel = value;
				var url1 = servicePath + "sechandcar/app/sys/selectByConditions";
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: brandmodel,
						minprice: minprice,
						maxprice: maxprice,
						minage: minage,
						maxage: maxage,
						minmile: minmile,
						maxmile: maxmile
					},
					dataType: 'json', //返回数据格式
					type: 'post', //请求方式
					async: false,
					success: back1
				});
			}

			function selectprice(event) {
				if(tof2) {
					$("#brand-box").hide();
					$("#orderby-truckage").hide();
					$('#orderby-mile').hide();
					$("#e").hide();
					$("#form_info").show();
					$("#orderby-value").show();
					event.stopPropagation();
				} else {
					$("#orderby-value").hide();
					$("#e").show();
				}
				tof2 = !tof2;
			}

			function selectpri(minprice1, maxprice1, value) { //请求数据
				$('#form_info').show();
				$("#orderby-value").hide();
				$('#wholesaleprice').empty();
				$('#wholesaleprice').append(value);
				//$("input[name=price]").val(value);
				minprice = minprice1;
				maxprice = maxprice1;
				var url1 = servicePath + "sechandcar/app/sys/selectByConditions";
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: brandmodel,
						minprice: minprice,
						maxprice: maxprice,
						minage: minage,
						maxage: maxage,
						minmile: minmile,
						maxmile: maxmile
					},
					dataType: 'json', //返回数据格式
					type: 'post', //请求方式
					async: false,

					success: back1
				});
			}

			function selecttruckages(event) {
				if(tof3) {
					$("#brand-box").hide();
					$("#orderby-value").hide();
					$('#orderby-mile').hide();
					$("#e").hide();
					$("#form_info").show();
					$("#orderby-truckage").show();
					event.stopPropagation();
				} else {
					$("#orderby-truckage").hide();
					$("#e").show();
				}
				tof3 = !tof3;
			}

			function selecttruckage(minage1, maxage1, value) { //请求数据
				$('#form_info').show()
				$("#orderby-truckage").hide();
				$('#truckage').empty();
				$('#truckage').append(value);
				//$("input[name=price]").val(value);
				minage = minage1;
				maxage = maxage1;
				var url1 = servicePath + "sechandcar/app/sys/selectByConditions";
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: brandmodel,
						minprice: minprice,
						maxprice: maxprice,
						minage: minage,
						maxage: maxage,
						minmile: minmile,
						maxmile: maxmile
					},
					dataType: 'json', //返回数据格式
					type: 'post', //请求方式
					async: false,

					success: back1
				});
			}
			//============================================================================
			function selectmiles(event) {
				if(tof4) {
					$("#brand-box").hide();
					$("#orderby-value").hide();
					$("#orderby-truckage").hide();
					$("#e").hide();
					$("#form_info").show();
					$('#orderby-mile').show();
					event.stopPropagation();
				} else {
					$("#orderby-mile").hide();
					$("#e").show();
				}
				tof4 = !tof4;
			}

			function selectmile(minmile1, maxmile1, value) {
				$('#form_info').show()
				$("#orderby-mile").hide();
				$('#mile').empty();
				$('#mile').append(value);
				//$("input[name=price]").val(value);
				minmile = minmile1;
				maxmile = maxmile1;
				var url1 = servicePath + "sechandcar/app/sys/selectByConditions";
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: brandmodel,
						minprice: minprice,
						maxprice: maxprice,
						minage: minage,
						maxage: maxage,
						minmile: minmile,
						maxmile: maxmile
					},
					dataType: 'json', //返回数据格式
					type: 'post', //请求方式
					async: false,

					success: back1
				});
			}

			$(".onebrand").click(function() {
				var brandid = $(this).attr("data-index");
				$.get("#" + brandid, {}, function(data, textStatus) {
					$("#brand-data").show();
					$("#subbrand-data").html(data);
					$("#brand-box").hide();
				});
			});
			$("#reback").click(function() {
				$("#brand-box").show();
				$("#brand-data").hide();
			});
			$(".option-item").click(function() {
				var value = $(this).attr('data');
				$(this).addClass('selected').parent().siblings().children().removeClass('selected');
				$(this).parent().parent().siblings('input').val(value);
			});
			$(".comfirm").click(function() {
				$('#maincontent').hide();
				$('#mainbutton').hide();
				$('#form_info').show();

				var con = "";
				//品牌
				var brand = $("input[name=brand]").val();

				//价格
				var price = $("input[name=price]").val();

				//车辆类型
				var model = $("input[name=model]").val();

				//车龄
				var age = $("input[name=age]").val();

				if(age != "") {
					if(age == '1') {
						minyear = 0;
						maxyear = 1;
					}
					if(age == '2') {
						minyear = 1;
						maxyear = 3;
					}
					if(age == '3') {
						minyear = 3;
						maxyear = 5;
					}
					if(age == '4') {
						minyear = 5;
						maxyear = 100;
					}
				}

				//行驶里程
				var kilometre = $("input[name=kilometre]").val();
				//变速箱
				var transmission = $("input[name=transmission]").val();
				//排量===========需添加
				//				var gas = $("input[name=gas]").val();
				//				if(gas!=""){
				//					con += "og"+gas;
				//				}
				//燃油类型
				var emstandard = $("input[name=emstandard]").val();

				var url1 = servicePath + "sechandcar/app/sys/selectByWhere";
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: brand,
						//wholesaleprice:price,
						minprice: minprice,
						maxprice: maxprice,
						cartype: model,
						mileage: kilometre,
						transmission: transmission,
						fueltype: emstandard

					},
					dataType: 'json', //返回数据格式
					type: 'post', //请求方式
					async: false,

					success: back1
				});
			});

			function back1(data) {
				$("#e").show();
				$('#listcar').empty();
				for(var i = 0; i < data.length; i++) {
					var s = '<div class="listcar">';
					var dz = "truckdetail.html?id=" + data[i].id;
					s += '<a href="' + dz + '"><div class="listcar">' +
						'<div class="carimg"><img src="' + servicePath + '' + data[i].photo1 + '" data-original="img/carimg.jpg" class="img-responsive lazy" /> </div>' +
						'<div class="carinfo">' +
						'<h4>' + data[i].brandmodel + '</h4>' +
						'<p class="caritem">' + data[i].registrationdate + ' 上牌/ ' + data[i].mileage + '万公里</p>' +
						'<span class="carprice">￥' + data[i].wholesaleprice + '万元</span>' +
						'</div>' +
						'</div></a>';
					$('#listcar').append(s);
				}
			}
			$(".reset").click(function() {
				$("input").attr("value", "");
				$(".option-item").removeClass('selected');
			});
		</script>
		<script src="js/rollSlide.js"></script>
		<script>
			$('#e').rollNoInterval().left();
		</script>
	</body>

</html>